<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阿拉膳</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <div id="header-container">
        <div id="header">
            <div class="logo-img">
                <a href="index.html">
                    <img src="img/logo.png" alt="">
                </a>
            </div>
            <div id="nav">
                <ul>
                    <li><a href="index.html" >首页</a></li>
                    <li><a href="alasun.html">走进阿拉膳</a></li>
                    <li><a href="product-layout.html">产业布局</a></li>
                    <li><a href="expert-team.html">专家团队</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li class="active"><a href="responsibility.html">社会责任</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="nav-line"></div>
            </div>
            <div class="search-mobile">
                <!--<span class="search"></span>-->
                <span class="mobile"></span>
            </div>
        </div>
    </div>
</header>
<!--主要内容-->
<div id="head-bg" class="alasun-head-img"></div>
<div id="main">
    <p class="head-title">RESPONSIBILITY<span></span></p>
    <div class="main-container">
        <!--左侧导航-->
        <div id="side-nav">
            <p class="title">社会责任</p>
            <ul class="nav-list">
                <li class="active"><a >公益捐助</a></li>
                <li><a >健康中国</a></li>
                <li><a >携手伙伴</a></li>
                <li><a >创业帮扶</a></li>
            </ul>
        </div>
        <!--右侧主要内容-->
        <div id="main-content">
            <p class="title">公益捐助</p>
            <!-----------个页面内容不一致------------>
            <div id="container">
                <div class="item gyjz">
                    <p>阿拉膳健康集团自成立之日起，一直肩负着央企使命舒适的理念， 2002 年明确提出和谐生活，自然舒适的积极履行社会责任。从 99 年开始倡导和谐、自然、品牌主张，再到 2019 年实现国民健康的品牌战略，阿拉膳集团一直践行着对和谐的追求，以回报社会、传承文化、推动行业进步为己任，引领中国和谐人居。</p>
                    <p><img src="img/gyjz-img.png" alt=""></p>
                </div>
                <div class="item jkzg">
                    <p>阿拉膳健康集团自成立之日起，一直肩负着央企使命舒适的理念， 2002 年明确提出和谐生活，自然舒适的积极履行社会责任。从 99 年开始倡导和谐、自然、品牌主张，再到 2019 年实现国民健康的品牌战略，阿拉膳集团一直践行着对和谐的追求，以回报社会、传承文化、推动行业进步为己任，引领中国和谐人居。</p>
                    <p><img src="img/gyjz-img.png" alt=""></p>
                </div>
                <div class="item xshb">
                    <p>阿拉膳健康集团自成立之日起，一直肩负着央企使命舒适的理念， 2002 年明确提出和谐生活，自然舒适的积极履行社会责任。从 99 年开始倡导和谐、自然、品牌主张，再到 2019 年实现国民健康的品牌战略，阿拉膳集团一直践行着对和谐的追求，以回报社会、传承文化、推动行业进步为己任，引领中国和谐人居。</p>
                    <p><img src="img/gyjz-img.png" alt=""></p>
                </div>
                <div class="item xsyg">
                    <p>阿拉膳健康集团自成立之日起，一直肩负着央企使命舒适的理念， 2002 年明确提出和谐生活，自然舒适的积极履行社会责任。从 99 年开始倡导和谐、自然、品牌主张，再到 2019 年实现国民健康的品牌战略，阿拉膳集团一直践行着对和谐的追求，以回报社会、传承文化、推动行业进步为己任，引领中国和谐人居。</p>
                    <p><img src="img/gyjz-img.png" alt=""></p>
                </div>
            </div>
        </div>
    </div>
</div>
<footer></footer>
<script src="js/jquery.min.js"></script>
<script src="js/app.js"></script>
<script src="js/responsibility.js"></script>
<script src="js/navJs.js"></script>
</body>
</html>